<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>

  <!-- 
    知识点
  1.单线程和异步
  2.应用场景
  3.callback hell(回调地狱) 和 Promise
···············································
   单线程和异步：
  1.JS是单线程语言，只能同时做一件事。
  2.浏览器和nodejs已支持js启动进程，如web Worker()
  3.JS和DOM渲染共用同一个线程，因为JS可修改DOM结构
        异步：
  1.遇到等待（网络请求，定时任务）不能卡住
  2.需要异步
  3.回调callback函数形式

-->
  <script>
    /* 
       异步和同步的区别：
     基于js是单线程语言   异步不会阻塞代码执行，而同步会阻塞代码执行。
    */
    /*  //案例1   
    // console.log(100);
    setTimeout(() => {
      console.log(200);
    }, 1000);
    console.log(300); */

    /* 
        案例2

    */
    console.log(100);
    alert(200);
    console.log(300);
  </script>
</html>
